<template>
    <div class="page-plugin-earth">
        <div id="plugin-earth"></div>
    </div>
</template>

<script>
export default {
    mounted() {
        this.initApp();
    },
    methods: {
        initApp() {
            THING.Utils.disableWarning = process.env.VUE_APP_DISABLE_WARNING === 'true' || false;

            this.$app = new THING.App({
                // 挂载点
                container: 'plugin-earth',
                // 背景色
                background: '#000000',
            });

            this.$map = this.$app.create({
                type: 'Map',
                attribution: 'Google',
                atmosphere: false,
                style: {
                    night: false,
                    fog: false,
                },
                // 缩放级别
                level: [0, 18],
                // 地形服务
                // terrainUrl: 'http://192.168.1.68:90/terrain',
                // terrainUrl: 'http://data.marsgis.cn/terrain',
            });

            this.$map.baseLayers.add(this.$app.create({
                type: 'TileLayer',
                name: 'tileLayer',
                url: 'http://mt{0,1,2,3}.google.cn/vt/lyrs=s&hl=zh-CN&gl=cn&x={x}&y={y}&z={z}',
            }));

            this.after();
        },
        /**
         * 场景加载完毕执行的方法
         * @author haaid <me@wanghaida.com>
         * @date 2019-05-31 13:38:39
         * @description 场景加载完成后执行的方法在这里调用，方法名可修改。
         */
        after() {

        },
    },
};
</script>
